<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="import" href="../head_js.html">
</head>

<body>
<div class="layui-fluid all">
    <div class="layui-row">
        <form class="layui-form">
            <div class="layui-form-item">
                <label class="layui-form-label" for="name">
                    <span class="x-red">*</span>菜单名称
                </label>
                <div class="layui-input-inline">
                    <input autocomplete="off" class="layui-input" id="name" name="name"
                           required="" type="text" v-model="name">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">{{name_check}}</span>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label" for="icon">
                    <span class="x-red">*</span>菜单图标
                </label>
                <div class="layui-input-inline">
                    <input autocomplete="off" class="layui-input" id="icon" name="icon"
                           required="" type="text" v-model="icon">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label" for="url">
                    <span class="x-red">*</span>菜单链接
                </label>
                <div class="layui-input-inline">
                    <input autocomplete="off" class="layui-input" id="url" name="url"
                           required="" type="text" v-model="url">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    示例：view/system/menu_list.html
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label" for="up_id">
                    <span class="x-red">*</span>上级菜单
                </label>
                <div class="layui-input-inline">
                    <select class="valid" id="up_id" ref="up_id">
                        <option value="0">顶级菜单</option>
                        <option v-bind:value="item.id" v-for="item in menu">---{{item.name}}</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label" for="L_repass">
                </label>
                <button @click.prevent="setMenu" class="layui-btn" lay-filter="add" v-bind:disabled="dis">
                    增加
                </button>
            </div>
        </form>
    </div>
</div>
</body>
<script src="../../controller/system/menu_add.js"></script>
</html>